/*标题*/
.barTitle{ font-size:40px;line-height:1.8;text-align:center; letter-spacing: 3px;position: relative;z-index: 3;}
.barTitlEn{ position: absolute; font-size:140px; text-align:center; color:#eee; line-height:1; position: absolute; left: 50%; transform: translate(-50%,-80%);font-family:Arial; white-space: nowrap;z-index: 2;}
.barPs{ font-size:16px; text-align:center; color:#666; text-align:center; padding:0px;}

.idxmore{ line-height: 1; font-size:18px; background-color: #fddd00; color: #333; text-align: center; padding: 10px 40px; border-radius: 5px; margin: auto; transition: .3s; border: thin solid #fddd00;}
.idxmore:hover{ background-color: #fff;letter-spacing: 3px;}
/**/
.idxbg{display: block;width: 100%;height: 100%;z-index: 2;background-image: url(../images/video_texture.png);background-blend-mode: screen;background-repeat: repeat;background-color: rgba(0, 0, 0, 0.3);}

/*idx02*/
.idx02 .course{ }
.idx02 .course li{ background-color:#333; position:relative;}
.idx02 .course li:nth-child(2),.idx02 .course li:nth-child(7),.idx02 .course li:nth-child(10){ background-color:#fddd00; }
.idx02 .course li:nth-child(4){ background-color:#333; }
.idx02 .course li i{ position:absolute; top:50%; left:-4.5px; color:#333; font-size:20px; margin-top:-11px;}

.idx02 .course li:nth-child(11) i{ color:#ab8b74; }
.idx02 .course li:nth-child(3) i{ color:#333; }
.idx02 .course li:nth-child(1) i,.idx02 .course li:nth-child(8) i,.idx02 .course li:nth-child(9) i{ color:#fddd00;}
.idx02 .course li:nth-child(1) i,.idx02 .course li:nth-child(3) i,.idx02 .course li:nth-child(9) i,.idx02 .course li:nth-child(11) i{ left:auto;right:-5px; transform:rotate(180deg);}

.idx02 .imgzoom{ display: block; position: relative;}
.idx02 .imgzoom .newsimg{ width: 100%; height: 100%; position:absolute; left: 0; top: 0;}
.idx02 .infobox{ position:absolute; top:60px; left:40px; }
.idx02 .infobox p{ padding-bottom:5px; padding-right: 20px; text-align: justify;}
.idx02 .infobox .title{ font-size:18px; position:relative; font-weight:700; }
.idx02 .infobox .title:after{ content:' '; position:absolute; top:-20px; left:0; width:40px; height:3px; background-color:#666; color:#666; }
.idx02 .infobox .info{ font-size:14px; height:84px; overflow: hidden;}
.idx02 .course li:nth-child(4) a,.idx02 .course li:nth-child(5) a,.idx02 .course li:nth-child(12) a{ color:#fff;}
.idx02 .course li:nth-child(4) a .title:after,.idx02 .course li:nth-child(5) a .title:after,.idx02 .course li:nth-child(12) a .title:after{ background-color:#fff;}
/**/
.idxTopImg{position:relative; background:url("../images/jinqu01.jpg") no-repeat center center; background-size:cover; }
.idxTopImg .idxImgBg{ background-image:url("../images/video_texture.png"); position: relative;z-index:-1;}
.idxbyu{position: absolute; top:400px; left: 50%; padding: 10px 20px; color: #333; background-color:rgba(0,0,0,.35); text-align: center; transform: translateX(-50%); font-family: '楷体'; font-weight: bolder; border-radius: 2px;}
.idxbyu .wenzi01{ font-size:58px; white-space: nowrap; color: #ffff00; text-shadow: 0 0 5px #000;}
.idxbyu .wenzi02{ font-size:42px; color: #ffff00; text-shadow: 0 0 5px #000;}

.idxgreen{ background: url("../images/histroy-shape-right.png") no-repeat right #f5f5f5;}
.idxgreen .title{ font-size:24px;}
.idxgreen .ps{ padding-top:10px; font-size: 16px; max-width: 500px;}

/*图片上文字*/
.boxmak{ display:block; position:relative; overflow:hidden; text-align:center;}
.boxmak:hover .bg,.boxmak:hover .view{ left:0;}
.boxmak .bg{background-color:rgba(0,0,0,.7); position:absolute; left:-100%; top:0; width:100%; height:100%; transition:all .3s;}
.boxmak .view{ color:#fff; font-size:20px; position:absolute; left:-100%; top:0; width:100%; top:50%; height:auto;}

/**/
.swiper3col{}
.swiper3col A{transition:all .5s; position:relative; display:flex; align-content：space-between；}
.swiper3col A:hover .bg{ top:0;transition:all .3s;}
.swiper3col A > div{ flex:1;}
.swiper3col .wenzibox{ background-color: #eee; padding: 20px; transition:.3s; }
.swiper3col .on .wenzibox{ background-color: #fddd00;}/*,.swiper3col .swiper-slide-active .wenzibox*/
.swiper3col .ps{ overflow: hidden; line-height: 20px; font-size:14px; height: 60px; color: #666;}
.swiper3col .title{ line-height:3; font-size:18px; color:#333;}

/*swiper2col*/
.swiper2col{}
.swiper2col .title{ font-size: 24px; line-height:1; padding-bottom:24px; }
.swiper2col .ps{ line-height:2;}
.idxhonorImg{margin-top: -200px; float:right;max-width:400px;box-shadow: 0 0 3px #666; width: 100%;}
.idx2col .swiper-button-prev2col,.idx2col .swiper-button-next2col{ position: absolute; bottom: -80px;top: auto;}
.idx2col .swiper-button-prev2col,.idx2col  .swiper-container-rtl .swiper-button-next2col{  left: 20px;}
.idx2col .swiper-button-next2col,.idx2col  .swiper-container-rtl .swiper-button-prev2col{  left: 100px;}
.idx2col .swiper-button-next2col i,.idx2col  .swiper-button-prev2col i{ background-color:transparent; font-size: 48px; color: #666;}
.feature__img--dot-shape {    position: absolute;bottom:-100px;right:40px;z-index:5;animation: rotated infinite linear 27s;}
@-webkit-keyframes rotated {
  0%   {-webkit-transform: rotate(0);transform: rotate(0);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
/*list3col*/ 
.list3col{ padding-top: 60px; }
.list3col li > div{box-shadow: 0 0 3px #ccc;}
.list3col .aImg{ overflow: hidden; display: block; position: relative;}
.list3col img{max-width: 100%; transition: 1s;}
.list3col .newImg{position: absolute; top: 0; left: 50%;height: 100%; transform: translateX(-50%);}
.list3col .aWenzi{ padding: 28px; display: block;}
.list3col .title{ font-size: 18px; line-height: 26px; height: 52px; overflow: hidden; color: #333;}
.list3col .ps{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; margin-bottom: 28px;}
.list3col .date{ border-top: 1px dashed #eee; padding-top: 20px; position: relative;}
.list3col .date i{ position: absolute; top: 15px; right: 0; width: 40px; height: 40px; text-align: center; font-size: 24px; background-color: #fddd00; color: #333; border-radius: 50%;}
.list3col .date .line3xp{position: absolute; top: -2px; left: 0; width: 0%; height: 3px; background-color: #FDDD00; transition: 1s;}
.list3col li:hover .line3xp{ width: 100%; }
.list3col li:hover img{ transform:translateX(-50%) scale(1.2);}

/*idximgbg*/
.idximgbg{ background:url(../images/idxImg04.jpg) no-repeat bottom center; background-size:cover;/*background-attachment:fixed;*/ height: 500px;background-color: #000;}
.idximgbg p{ font-size: 24px; color: #fff; text-shadow: 0 0 5px #333; position: absolute; left: 50%; top: 50%; transform: translate(-50%,100%);}

/*idx3blok*/
.idx3blok{ min-height: 500px;}
.idx-history { max-width: 1400px; margin: auto; padding-top: 80px;}
.idx-history li{ color: #999; margin:2px 5px; transition:.3s; line-height: 1; font-size:14px; font-family:'Arial','微软雅黑'; background-color: #eee; padding:4px 5px; border-radius: 3px;}
.idx-history li.on{ color: #ffff00;background-color: #333;}
.idxfoot3img .jiantou{ background-image: none;}
.idxfoot3img .swiper-container{ overflow: visible; top:50px!important; }
.swiper-pagination-progress .swiper-pagination-progressbar{ background-color: #fddd00;}  

@media screen and (max-width: 1680px){
	.swiper3col .wenzibox{padding:10px 20px;}
}
@media screen and (max-width: 1440px){
	.swiper3col .wenzibox .title{line-height: 2.5;}	
	.swiper3col .wenzibox .ps{ height: 40px; }
    .idx02 .infobox .info{display: none;}
}
@media screen and (max-width: 1200px){
    .idxbyu .wenzi01{ font-size: 24px;}
    .barTitlEn{ font-size: 55px;}
    .idxhonorImg{ margin-top: 0;}
	.list3col .aWenzi{ padding: 15px;}
	.list3col .title{ font-size: 16px;line-height: 24px;height:48px;}
	.list3col .ps{ margin-bottom: 10px;}
	.list3col .date{ padding-top: 10px;}
	.list3col .date i{ font-size:20px; width: 30px; height: 30px;top:10px;}
    .idx2col.ptb50{padding-bottom: 100px;}
	.idxgreen{ height: auto!important;}
	.idximgbg p{ font-size: 16px;transform: translate(-50%,50%);}
	.swiper3col .wenzibox .title{}
	.feature__img--dot-shape{bottom: -100px;}
	.idx02 .infobox{top:30px; left: 20px; height: 100px; overflow: hidden;}
    .idx02 .infobox .title{ font-size:16px;font-weight: normal;}
    .wap2 .infobox .title,.wap3 .infobox .title{ color: #fff;}
    .wapImg3 i{left:auto!important;right: -5px;transform: rotateY(180deg);}
    
}
@media screen and (max-width: 992px){
}
@media screen and (max-width:768px){
.barTitle{ font-size:28px;}
    .idx02 .infobox{top:10px;}
}